<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{$detail->title}}</title>
    <meta name="description" content="集设网,优质的室内设计素材网站">
    <meta name="keywords" content="集设网,集设，室内设计，室内设计素材，3d模型,su模型">
    <link rel="stylesheet" href="{{ URL::asset('home/css/index.css') }}"/>
    <link rel="stylesheet" href="{{ URL::asset('home/css/info.css') }}"/>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_824000_4w1epzc0zyv.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <!-- 引入样式 -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<!--<div class="headerBox">
    <header class="header wrap clearfix">
        <div class="fl logoBox"></div>
        <div class="fl searchBox">
            <div class="row">
              <div class="col-lg-12">
                <div class="input-group">
                  <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                      <li><a href="#">Action</a></li>
                      <li><a href="#">Another action</a></li>
                      <li><a href="#">Something else here</a></li>
                      <li role="separator" class="divider"></li>
                      <li><a href="#">Separated link</a></li>
                    </ul>
                  </div>
                  <input type="text" class="form-control" aria-label="...">
                </div>
              </div>
        </div>
        </div>
        <div class="fl">
            dfsfdadsfsa
        </div>
    </header>
</div>-->

<header class="header" id="headerBox">
    <div class="ceilBox">
        <div class="ceil wrap clearfix">
            <!--  <div class="tzSlogan">
                 <span>集设网用户交流群 <a href="https://jq.qq.com/?_wv=1027&k=5bQRL7I" target="_blank">644602905</a></span>
             </div> -->
            <div class="jsLogo">
                <a href="/"><span class="refIndex"></span></a>
            </div>
            <div class="headInfo">
                <div class="tzSearch">
                    {{--<span>分类<i class="iconfont icon-xia"></i></span>--}}
                    <el-dropdown @command="handleCommand">
				                        <span class="el-dropdown-link" v-text="sortName">

				                        </span>
                        <i class="iconfont icon-xia"
                           style="font-size: 12px;margin-left: 5px;position:absolute;top:12px;left:63px"></i>
                        <el-dropdown-menu slot="dropdown" style="padding:0;">
                            <el-dropdown-item v-for="item in data" :key="item.type" :command="item" class="serachSort"
                                              v-text="item.name"></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <input type="text" placeholder="请输入关键词或ID" v-model="serachText" @keydown.enter="searchBtn">
                    <span @click="searchBtn" class="searchBtn">搜索</span>
                </div>
            </div>
            <div class="headNav">
                <ul class="navList">
                    <!--<li>
                        <router-link to="/uploadIndex" title="模型上传"><i class="uploadImg"></i> </router-link>
                         <span @click="loginConfirm('uploadIndex')"><i class="iconfont icon-shangchuan1 uploadImg"></i> 素材上传</span>
                    </li>-->
                    <!--<li>
                        <router-link to="/recharge" target="_blank" title="会员充值"> <i class="moneyCenter"></i></router-link>
                         <span @click="loginConfirm('Recharge')"> <i class="iconfont icon-huiyuan moneyCenter"></i>充值中心</span>
                    </li>-->
                    <!-- <li>
                        <router-link to="/aboutTz">关于我们</router-link>
                    </li> -->
                </ul>
                <div class="registeredLogin">
                    <button class="login"><a href="{{url('?gojishe=login')}}"></a>登录</button>
                    <button class="registerBtn"><a href="{{url('?gojishe=register')}}"></a>注册</button>
                </div>

            </div>
        </div>
    </div>
</header>
<section v-else class="wrap modeInfoBox">
    <div class="modeCrumbs">
        <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1=0&catid2=0&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$typenameroute['typename']}}</a></span>
        <i></i>
        <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1='.$detail->cat_id1.'&catid2=0&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$detail->catid1->catname ?? ''}}</a></span>
        @empty($detail->cat_id2)
        @else
        <i></i>
        <span class=""><a href="{{url($typenameroute['route'].'?type='.$type.'&catid1='.$detail->cat_id1.'&catid2='.$detail->cat_id2.'&style=0&id=0&keys=0&sort=0&vip=0&page=0')}}">{{$detail->catid2->catname ?? ''}}</a></span>
        @endempty
        <i></i>
        <span>{{$detail->title}}</span>
    </div>
    <div class="clearfix">
        <div class="modeInfoLeft">
            <ul class="modeBanner swiper-no-swiping" id="modeInfo">
                @foreach($detail->images_thumb as $img)
                <li class="uploadImgBox">
                    <img class="modeBannerW" src="{{asset('/storage/'.$img)}}">
                </li>
                @endforeach
            </ul>
            <div class="swiper-pagination modeIcon"></div>
        </div>

        <div class="modeInfoRight">
            <div class="modeMsg">
                <div class="modeUserTitle">
                    <p>
                        <span class="newUserName">{{$detail->user->name}}</span>
                        <a href="http://www.jishe.com/author?id={{$detail->user_id}}">
                            <span class="newUserHome">进入主页</span>
                        </a>
                    </p>
                    <p>
                        <img src="{{getUserAvatar($detail->user->avatar)}}"
                             alt="">
                    </p>
                </div>

                <div class="modeUserInfo">
                    <h4 title="现代客厅">{{$detail->title}}</h4>
                    <p>
                        <span class="infoItemId">ID:&nbsp;<span>{{$detail->id}}</span></span>
                    </p>
                    <div style="padding-right:20px" class="minIconBox">
                                <span><i class="browseIcon"></i>
                                    {{$detail->viewnum}}
                                    </span>
                        <span><i class="downloadNum"></i>
                                    {{$detail->downnum}}
                                </span>
                        <span><i class="collNum"></i>
                                    {{$detail->collecnum}}
                                </span>
                    </div>
                    <div>
                        <img src="./img/infoVip.png" alt="" style="margin-right:6px;">
                        <img src="./img/infoUpdata.png" alt="">
                    </div>
                </div>

                <div class="modeInfoList">
                    <p>
                        <span class=""><i class="uploadIcon"></i>{{$detail->created_at->format('Y-m-d')}}</span>
                    </p>
                    <p>
                        <span> <i class="styleIcon"></i>{{$detail->cstyle->catname ?? ''}}</span>
                    </p>
                    <p>
                        <span> <i class="versionIcon"></i>  3DsMax&nbsp;&nbsp;{{$detail->appversion}} {{$detail->renderertype}}</span>
                    </p>
                    <p>
                        <span> <i class="ramSizeIcon"></i>{{$detail->filesize}}</span>
                    </p>
                    @if($detail->is_light == 1)
                    <p>
                        <span> <i class="lightIcon"></i> 有</span>
                    </p>
                    @endif

                </div>
                <div class="rightBtn clearfix">
                    <button class="keepBtn"
                            @click.prevent.stop="collection({e:$event,id:infoMsg.id,type:infoMsg.type})">
                        <a href="{{url('?gojishe=login')}}" style="color: #f25954;"><i class="collBotton" :class="{'activeCollBotton':isInArray(infoMsg.id)}"></i>
                        收藏</a>
                    </button>
                    <button class="transaction" @click="confirmDownload(infoMsg.id,infoMsg.title,infoMsg.coins)">
                        <i class="downloadIcon"></i><a href="{{url('?gojishe=login')}}">{{$detail->coins}} 交易币</a>
                    </button>

                </div>
            </div>
        </div>
</section>
<div class="rimBox wrap" v-if="remInfo.length">
    <header>相关推荐</header>
    <ul class="rimListBox clearfix">
        @foreach($nearby as $data)
        <li class="rimList">
            <a href="{{url('detail/'.$type.'/'.$data->id.'/getInfo')}}" target="_blank">
                <div class="rimImgBox">
                    <img src="{{asset('/imagecache/model/'.$data->image)}}"
                         alt="">
                </div>
                <p class="clearfix rimInfoBox">
                    <span class="rimTitle">{{$data->title}}</span>
                    <span class="rimCollDown">
                        <a href="{{url('?gojishe=login')}}"><i class="rimColl" title="收藏"></i></a>
                        <a href="{{url('?gojishe=login')}}"><i class="rimDown" title="下载"></i></a>
	                    </span>
                </p>
            </a>
        </li>
        @endforeach
    </ul>
</div>
<footer class="tzFoot">
    <div class="footerInfo">
        <ul class="clearfix">
            <li>
                <router-link to="/aboutJs">关于我们</router-link>
            </li>
            <!-- <li>帮助中心</li> -->
            <li>
                <router-link to="/recharge" target="_blank">充值中心</router-link>
            </li>
            <!-- <li><router-link to="/downTools" target="_blank">软件下载</router-link></li> -->
        </ul>
        <p>QQ交流群：644602905</p>
        <p style="text-align:center;">经营性备案-京ICP备18055612号-1号 || 版权所有</p>
    </div>
</footer>
</body>
<style>
.modeCrumbs span a{
    color: #333333;
}
.tzSearch .el-dropdown-link{
    margin-top: -2px;
}
.serachSort:hover{
    width: auto;
}
</style>
<script src="{{ URL::asset('home/js/index.js') }}"></script>
<script>
 function positionWheel(){
    if($(window).scrollTop()>71&&$(".modeBanner").outerHeight()-$(window).scrollTop()+71>$(".modeMsg").outerHeight()){
        $(".modeMsg").css({
        "position":'fixed',
        "top":'71px',
        "right":$('.modeBanner').offset().left+7+'px'
        })
    }else{
        $(".modeMsg").css({
        "position":'relative',
        "top":"0",
        "right":"0"
        })
    }
    var a = $(".rimListBox").offset().top;
    if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
             $(".modeMsg").css({
                "position":'relative',
                "top":"0",
                "right":"0"
            })
    }
}
window.addEventListener('scroll',positionWheel)
</script>
</html>
